<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<title>IGNORED</title>
</head>
<h:body>
	<ui:composition template="/templates/layoutP.xhtml">
		<ui:define name="content">
			<div class="center_content">
				<f:view>
					<div class="center_title_bar">Mantenimiento de Productos</div>
					<h:form>
						<h:commandButton value="Nuevo" action="#{productosBean.nuevo}"></h:commandButton>
						<h:messages style="color: red;" />
					</h:form>
					<h:dataTable border="1" value="#{PRODUCTOS_LISTADO }"
						var="producto" class="left_menu" style="width: 550px">
						<h:column id="column1" style="width: 250px" >
							<f:facet name="header">
								<h:outputText value="Rol nombre" />
							</f:facet>
							<h:outputText value="#{producto.nombre}"></h:outputText>
						</h:column>
						<h:column id="column2" style="width: 250px">
							<f:facet name="header">
								<h:outputText value="Descripción" />
							</f:facet>
							<h:outputText value="#{producto.descripcion }"></h:outputText>
						</h:column>
						<h:column id="column3" style="width: 50px; text-align:center;">
							<f:facet name="header">
								<h:outputText value="Acciones" />
							</f:facet>
							<h:form>
								<h:commandLink action="#{productosBean.editar}">
									<h:outputText value="Editar"></h:outputText>
									<f:param name="idProducto" value="#{producto.idProducto}"></f:param>								
								</h:commandLink>
								&nbsp;											
								<h:commandLink action="#{productosBean.eliminar}">
									<h:outputText value="Eliminar"></h:outputText>
									<f:param name="idProducto" value="#{producto.idProducto}"></f:param>
								</h:commandLink>
							</h:form>
						</h:column>
					</h:dataTable>
				</f:view>
				<!-- end of center content -->
			</div>

		</ui:define>
	</ui:composition>
</h:body>
</html>